<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>旋转</title>
    <style>
        div
        {
            width:100px;
            height:75px;
            background-color:yellow;
            border:1px solid black;
        }
        div#div2
        {
            transform:rotateY(170deg);
            //-webkit-transform:rotateY(130deg); /* Safari and Chrome */
            //-moz-transform:rotateY(130deg); /* Firefox */
        }
    </style>
</head>
<body>

<div>你好。这是一个 div 元素。</div>

<div id="div2">你好。这是一个 div 元素。</div>

<p><b>注释：</b> Internet Explorer 和 Opera 不支持 rotateX 方法。</p>


</body>
</html>